<div id="header-banner">
    <div id="header-logo" class="header"></div>
    <div id="header-search" class="header">
        <form action="">
            <input type="text" id="key-word" placeholder="  Tìm kiếm..."/>
            <input type="submit" value="" id="btn-search" />
        </form>

    </div>
    <div id="header-login" class="header">
        <ul>
            <li id="li-login">
                <a href="" title="">Đăng Nhập</a>
            </li>
            <li id="li-register">
                <a href="" title="">Đăng Ký</a>
            </li>
        </ul>
    </div>
</div>

<div id="header-nav">
	<ul id="navTop-list">
        <li class="navTop-listItem"><a id="navTop-listItem-homepage" href="<?php echo $url_path.'nghenhac.vn'?>"><img
            src="<?php echo $temp_path.'image/icon/home.png' ?>" alt=""> </a></li>
		<li class="navTop-listItem">
			<a href="">Thể Loại</a>
           
                    <?php
                        if (count($data_listGenre)>0) {
                            echo " <div id='navTop-list-listGenre'>
                                 <ul> <h4>Nghe Nhạc Theo Thể Loại</h4> ";
                            $i=0;
                            while($i<count($data_listGenre)){
                            echo " <li><a class='navTop-listGenre-item' href='{$url_path}the-loai-{$data_listGenre[$i]["idGenre"]}/{$data_listGenre[$i]["titleGenre"]}.html'>{$data_listGenre[$i]["strGenre"]}</a></li>";
                            $i++;
                            }
                            echo "     </ul>

                                </div>";
                        }

                    ?>
           
		</li>
		<li class="navTop-listItem">
			<a href="" title="">Nghệ Sỹ</a>
            <div id='navTop-list-listArtist'>
                <ul><h4>Nghệ Sỹ Việt Nam</h4>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Dam-Vinh-Hung.html';?>">Đàm Vĩnh Hưng</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/My-Tam.html';?>">Mỹ Tâm</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/The-Men.html';?>">The Men</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Quang-Le.html'?>">Quang Lê</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Dan-Truong.html'?>">Đan Trường</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Tuan-Hung.html'?>">Tuấn Hưng</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Ho-Quynh-Huong.html'?>">Hồ Quỳnh Hương</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Bao-Thy.html'?>">Bảo Thy</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Bang-Kieu.html'?>">Bằng Kiều</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Nhu-Quynh.html'?>">Như Quỳnh</a></li>
                </ul>
                <ul><h4>Nghệ Sỹ Quốc Tế</h4>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Adele.html'?>">Adele</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Westlife.html'?>">Westlife</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Celine-Dion.html'?>">Celine Dion</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Britney-Spears.html'?>">Britney Spears</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Michael-Jackson.html'?>">Michael Jackson</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Avril-Lavigne.html'?>">Avril Lavigne</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Beyonce.html'?>">Beyonce</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Rihanna.html'?>">Rihanna</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Backstreet-Boys.html'?>">Backstreet Boys</a></li>
                    <li><a class="navTop-listArtist-item" href="<?php echo $url_path.'nghe-sy/Linkin-Park.html'?>">Linkin Park</a></li>
                </ul>
            </div>
		</li>
		<li class="navTop-listItem">
			<a href="" title="">Video</a>
            <div id="navTop-list-listVideo">
                <ul>
                    <li><a class='navTop-listVideo-item' href='<?php echo $url_path.'the-loai-video/nhac-tre-10.html'; ?> '>Nhạc Trẻ</a> </li>
                    <li><a href="<?php echo $url_path.'the-loai-video/nhac-que-huong-2.html'; ?> " class="navTop-listVideo-item">Nhạc Quê Hương</a> </li>
                    <li><a href="<?php echo $url_path.'the-loai-video/nhac-dan-toc-3.html'; ?> " id="navTop-listVideo-item">Nhạc Dân Tộc </a> </li> 
                    <li><a href="<?php echo $url_path.'the-loai-video/nhac-cach-mang-4.html'; ?> " id="navTop-listVideo-item">Nhạc Cách Mạng</a> </li>
                    <li><a href="<?php echo $url_path.'the-loai-video/nhac-hai-ngoai-5.html'; ?> " id="navTop-listVideo-item">Nhạc Hải Ngoại</a> </li>
                    <li><a href="<?php echo $url_path.'the-loai-video/nhac-au-my-7.html';?>" id="navTop-listVideo-item">Nhạc Âu Mỹ</a> </li>
                    <li><a href="<?php echo $url_path.'the-loai-video/nhac-han-8.html';?>" id="navTop-listVideo-item">Nhạc Hàn</a> </li>
                    <li><a href="<?php echo $url_path.'the-loai-video/nhac-hoa-9.html';?>" id="navTop-listVideo-item">Nhạc Hoa</a></li>
                    <li><a href="<?php echo $url_path.'the-loai-video/nhac-nuoc-khac-11.html'?> " id="navTop-listVideo-item">Nhạc Nước Khác</a> </li>
                </ul>
            </div>
		</li>
		<li class="navTop-listItem">
			<a href="" title="">Xếp Hạng</a>
            <div id="navTop-list-listRank">
                <ul><h4>Nhạc Việt</h4>
                    <li><a href="<?php echo $url_path.'bang-xep-hang/viet-nam/top20.html'; ?>" id="navTop-listRank-item">Top 20 Bài Hát</a> </li>
                    <li><a href="<?php echo $url_path.'bang-xep-hang/viet-nam/top15.html'; ?>" id="navTop-listRank-item">Top 15 Video</a> </li>
                    <li><a href="<?php echo $url_path.'bang-xep-hang/viet-nam/top100.html'; ?>" id="navTop-listRank-item">Top 10 Album</a> </li>
                 </ul>
                 <ul><h4>Nhạc Âu Mỹ</h4> 
                    <li><a href="<?php echo $url_path.'bang-xep-hang/au-my/top20.html'; ?>" id="navTop-listRank-item">Top 20 Bài Hát</a> </li>
                    <li><a href="<?php echo $url_path.'bang-xep-hang/au-my/top15.html'; ?>" id="navTop-listRank-item">Top 15 Video</a> </li>
                    <li><a href="<?php echo $url_path.'bang-xep-hang/au-my/top100.html'; ?>" id="navTop-listRank-item">Top 10 Album</a> </li>

                 </ul>
                 <ul><h4>Nhạc Hàn</h4>
                    <li><a href="<?php echo $url_path.'bang-xep-hang/han-quoc/top20.html'; ?>" id="navTop-listRank-item">Top 20 Bài Hát</a> </li>
                    <li><a href="<?php echo $url_path.'bang-xep-hang/han-quoc/top15.html'; ?>" id="navTop-listRank-item">Top 15 Video</a> </li>
                    <li><a href="<?php echo $url_path.'bang-xep-hang/han-quoc/top100.html'; ?>" id="navTop-listRank-item">Top 10 Album</a> </li>
                 </ul>
            </div>
		</li>
	</ul>
</div>